<template>
  <view class="aui-news-box">
    <view v-for="(list, i) in lists" :key="i" class="aui-news-item">
      <view class="aui-news-item-hd">
        <image :src="list.img" class="img" />
      </view>
      <view class="aui-news-item-bd">
        <h4>
          {{ list.tit1 }} <abc>{{ list.time }}</abc>
        </h4>
        <p>{{ list.tit2 }}</p>
      </view>
    </view>
  </view>
</template>

<script>
  export default {
    data() {
      return {
        title: 'Hello',
        lists: [
          {
            tit1: '系统消息',
            tit2: '实用奖品为您准备好了，利用一场直播的时间，一起',
            time: '08:48',
            img: '/static/icon-item-001.png',
          },
          {
            tit1: '活动消息',
            tit2: '您今日离5积分+1经验值还差5次报价，更多福利请查看师傅..',
            time: '08:48',
            img: '/static/icon-item-002.png',
          },
          {
            tit1: '账户通知',
            tit2: '用心服务，文明举止。请按规范提供服务，严禁威胁/骚扰客户或下单商家，一有违规，将永久封号并罚款500元',
            time: '昨天',
            img: '/static/icon-item-003.png',
          },
          {
            tit1: '互动问答',
            tit2: '接单后与客户预约，客户无法确定安装时间如何操作?',
            time: '星期六',
            img: '/static/icon-item-004.png',
          },
          {
            tit1: '物流助手',
            tit2: '恭喜你参加的拼团已组成成功了，请您等待卖家发货',
            time: '星期六',
            img: '/static/icon-item-005.png',
          },
        ],
      }
    },
    onLoad() {},
    methods: {},
  }
</script>

<style>
  @import '../../css/message-style.css';
</style>
